<template>
    <view class="purchaseDetailContainer">
        <cunstom_navigation_bar :tapEvent="goback" :propStyles="propStyles" :title="'买家备注'">
        </cunstom_navigation_bar>
        <image class="bg" mode="widthFix" src="https://visionmpapi.jiuerjindi.com/upload/mp/editAddress/bg.png"></image>
        <view class="centerBox">
            <view class="container">
              
                <view class="form">
                    <view class="line">
						<textarea v-model="remark" placeholder="买家备注" />
                    </view>
                    
                </view>
                <view class="save" @click="save()">
                    保存关闭
                </view>
            </view>
        </view>


    </view>
</template>
<script>
    const util = require("@/utils/util.js");
    const api = require("@/utils/api.js");
    var QQMapWX = require('../utils/qqmap-wx-jssdk.js');
    const mapChange = require('../utils/mapChange.js');

    const app = getApp();
    export default {
        data() {
            return {
				id: null,
                gender: 0,
                remark: "",
                imgDomain: "",
                propStyles: {
                    // iconSrc: "../https://visionmpapi.jiuerjindi.com/upload/mp/ucenter/backIcon.png",
                    iconSrc: "black",
                    // bgColor: '#FECF01',

                }

            };
        },
        computed: {

        },
        methods: {
            changeGender(num) {
                if (this.gender != num) {
                    this.gender = num
                }
            },
            jumpTo(url) {
                uni.navigateTo({
                    url: url,

                })
            },
			save(){
				uni.setStorageSync('user_memo', this.remark); // 存到缓存中
				uni.navigateBack ({
				    url: `/page_bookDetail/bookDetail`,
				})
			},
            goback() {
                console.log("回去");
                uni.navigateBack();
            },


        },
        onReady() { },
        // onShow(){

        //       },
        created() { },
        onShow: function () {

        },



        onLoad: function (option) {

            //option为object类型，会序列化上个页面传递的参数
            // console.log('onload~~~购买页面', option);
            // this.mallProductId = option.mallProductId;
            // this.skuId = option.skuId
            // this.quantity = Number(option.quantity)
            // this.getOrderAddress(option.id)
            // this.startDate = this.getDate() 
            this.imgDomain = process.env.VUE_APP_BASE_URL;
			this.remark = uni.getStorageSync('user_memo');


        },

    };
</script>
<style lang="scss">
    page {
        height: 100vh;
        overflow: auto;
        background: #F4F4F2;
    }
</style>
<style lang="scss" scoped>
    .purchaseDetailContainer {
        background: #f4f4f2;
        box-sizing: border-box;

        /* ::v-deep .companyInfoContainer {
        position: absolute;
        top: 0rpx;
        left: 0rpx;
  
        .navigationBar {
          background: transparent;
        }
      } */
    }

    .bg {
        width: 750rpx;
        position: absolute;
        left: 0rpx;
        top: 0rpx;
    }

    .centerBox {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 56rpx;

        .container {
            width: 692rpx;
            display: flex;
            flex-direction: column;
            align-items: center;
            background: #FFFFFD;
            opacity: 1;
            z-index: 999;
            padding: 30rpx;

            .chooseAddr {
                line-height: 94rpx;
                font-weight: 500;
                text-align: center;
                font-size: 28rpx;
                color: #D93F11;
                width: 630rpx;
                height: 94rpx;
                background: #FFFFFF;
                border-radius: 20rpx 20rpx 20rpx 20rpx;
                border: 2rpx solid #D93F11;
            }

            .form {
                .line {
                    display: flex;
                    height: 100rpx;
					width: 100%;
                    align-items: center;
					
					textarea{
						width: 662rpx;
						height: 120rpx;
						border: solid 1px #FECF01;
					}
					

                    .types {
                        display: flex;
                        margin-left: 34rpx;

                        .type {
                            margin-right: 32rpx;
                            padding: 0rpx 18rpx;
                            text-align: center;
                            line-height: 34rpx;
                            height: 34rpx;
                            background: rgba(51, 51, 51, 0.1);
                            border-radius: 10rpx 10rpx 10rpx 10rpx;
                            font-weight: 400;
                            font-size: 20rpx;
                            color: #333333;
                        }
                    }

                    .genderBox {
                        display: flex;

                        .male {
                            display: flex;
                            font-weight: 400;
                            font-size: 24rpx;
                            color: rgba(51, 51, 51, 0.6);
                            margin-right: 38rpx;

                            image {
                                width: 22rpx;
                                height: 22rpx;
                                margin-right: 14rpx;
                            }
                        }
                    }

                    .name {
                        width: 250rpx;
                    }
                }
            }
            .saveBtn{
                width: 684rpx;
                height: 138rpx;
                margin-top: 70rpx;
            }
			.save {
			    width: 644rpx;
			    height: 98rpx;
                margin-top: 70rpx;
			    background: #FECF01;
			    box-shadow: 0rpx 6rpx 10rpx 4rpx rgba(0, 0, 0, 0.07);
			    border-radius: 20rpx 20rpx 20rpx 20rpx;
			    font-weight: 600;
			    font-size: 32rpx;
			    color: #333333;
			    line-height: 98rpx;
			    text-align: center;
			}
        }
    }











    ::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        color: transparent;
    }
</style>